@import url("@/static/styles/colors.less");
.grid-iconfont{
		font-size: 55rpx;
		color:#fff;
	}
	.page-title text{
		font-size: 1.5rem;
	}
	// 功能网格布局
	.function-grid {
	  display: grid;
	  box-sizing: border-box;
	  grid-template-columns: repeat(3, 1fr);
	  background-color:  @primary-ivory;
	  //gap: 16px;
	  
	  // padding: 0 16px 16px;
	
	  .grid-item {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    background-color: #FFFFFF;
	    border-radius: 12px;
	    padding: 16px 0;
	    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	    transition: transform 0.2s;
		// border:1rpx solid #e1e1e1;
	
	    &:active {
	      transform: scale(0.98);
	    }
	
	    .grid-icon {
	      width: 56px;
	      height: 56px;
	      border-radius: 12px;
	      display: flex;
	      align-items: center;
	      justify-content: center;
	      margin-bottom: 10px;
	    }
	
	    .grid-text {
	      // font-size: 14px;
		  font-size:1.2rem;
	      color: #333333;
	    }
	  }
	
	  // 不同功能图标颜色
	  .order-icon {
	    background-color: rgba(24, 144, 255, 0.9);
	  }
	
	  .urgent-icon {
	    background-color: rgba(245, 63, 63, 0.9);
	  }
	
	  .dispatch-icon {
	    background-color: rgba(135, 100, 255, 0.9);
	  }
	  
	  .dispatch-down-order{
		background-color: #75a63be6;
		 
	  }
	  
	  .service-icon{
		  background-color: #b236c1;
	  }
	
	  .onsite-icon {
	    background-color: rgba(0, 180, 42, 0.9);
	  }
	
	  .data-icon {
	    background-color: rgba(255, 125, 0, 0.9);
	  }
	
	  .record-icon {
	    background-color: #eb6102e6;
	  }
	}